/**
 * 从react包中引入React。只要写react.js组件就必须引入React，因为在react里面有一种语法叫JSX，要写JSX就必须引入React
 * ReactDOM 可以帮助我们吧React组件渲染到页面上去，没有其他作用了。他是从react-dom中引入的而不是从react中引入
 * ReactDOM中有一个render方法，功能是把组件渲染并且构造dom树，然后插入到页面上某个特定的元素
 */
import React from "react";
// import ReactDOM from "react-dom";
import { createRoot } from "react-dom/client";
// import App from "./01-base/01-class";
// import Fun from "./01-base/02-function";
// import RootComponent from "./01-base/03-组件的嵌套";
// import App from "./01-base/04-组件的样式";
import App from "./01-base/09-选项卡";
const container = document.getElementById("root");


const root = createRoot(container);
root.render(
  // 严格模式
  <React.StrictMode>
    <div>
      {/* <RootComponent></RootComponent> */}
      <App></App>
      {/* <Fun></Fun> */}
      {/* <b>qqq</b> */}
    </div>
  </React.StrictMode>
);
// ReactDOM.render(
//     React.createElement("div", { id: 'aaa', className: 'bbb'}, 1111),
//     document.getElementById("root")
//   );
// <div id="aaa" class="bbb">111</div>
